<div class="wind-energy-container">
  <div fxFlexFill fxLayout="row" class="wind-enery-main">
    <div class="wind-energy-left" fxFlex="55%" fxLayout="column">
      <app-wind-energy-map class="wind-energy-map" [farms]="limitedFarmDatas" (farmChange)="onfarmChange($event)"></app-wind-energy-map>
      <div class="map-power" fxLayout="row">
        <section fxFlex="49%" class="wind-energy-flex">
          <header>
            {{currentlimitedFarm?.farmName}}短期预测功率
          </header>
          <app-ultrashort-forecasting-power #dq class="wind-energy-full" [min]="startTime" [max]="endTime" [seriesDatas]="currentlimitedFarm?.dqSeries"></app-ultrashort-forecasting-power>
        </section>
        <section fxFlex="49%" class="forecasting-right wind-energy-flex">
          <header>
            {{currentlimitedFarm?.farmName}}超短期预测功率
          </header>
          <app-ultrashort-forecasting-power #cdq class="wind-energy-full" [interval]="'short'" [min]="startTime" [max]="shortEndTime"
                                            [seriesDatas]="currentlimitedFarm?.cdqSeries"></app-ultrashort-forecasting-power>
        </section>
      </div>
    </div>
    <div class="wind-energy-right" fxFlex="44%" fxLayout="column">
      <app-wind-direction [seriesData]="currentlimitedFarm?.windDirectionData" [windEnergySeriesData]="currentlimitedFarm?.windEnergySeriesData" fxFlex="31%"
                          [titleText]="this.currentlimitedFarm?.farmName + titleText"></app-wind-direction>
      <app-wind-speed-distribution [seriesData]="currentlimitedFarm?.speedDistribution" [titleText]="this.currentlimitedFarm?.farmName + titleText" class="m-t-wind bg"
                                   fxFlex="27%"></app-wind-speed-distribution>
      <app-wind-direction-change [currentFarm]="currentlimitedFarm?.directionChange" [startTime]="cdcStartTime" [endTime]="cdcendTime" [titleText]="this.currentlimitedFarm?.farmName"
                                 class="wind-direction-change m-t-wind" fxFlex="40%"></app-wind-direction-change>
    </div>
  </div>

</div>
